<div>
<div class="setext">{{title}}</div>

  <nz-select [(ngModel)]="selectItem" id='first' (ngModelChange)="selectChange($event)" nzPlaceHolder=""
    nzAllowClear>
    <nz-option *ngFor="let item of list" [nzLabel]="item.label" [nzValue]="item.value">
    </nz-option>
  </nz-select>
  <nz-select #select [(ngModel)]="selectDay" id='day' (ngModelChange)="selectChange($event)" nzAllowClear
    [hidden]="!(selectItem === 'week')">
    <nz-option *ngFor="let item of list3" [nzLabel]="item.label" [nzValue]="item.value">
    </nz-option>
  </nz-select>
  <nz-select #select [(ngModel)]="selectYear" id='year' nzAllowClear [hidden]="!(selectItem === 'year')">
    <nz-option *ngFor="let item of list5" [nzLabel]="item.value" [nzValue]="item.value">
    </nz-option>
  </nz-select>
  <nz-select #select [(ngModel)]="selectMonth" id='month' nzAllowClear
    [hidden]="!(selectItem === 'month' || selectItem === 'year')">
    <nz-option *ngFor="let item of list4" [nzLabel]="item.value" [nzValue]="item.value">
    </nz-option>
  </nz-select>
  <nz-select #select [(ngModel)]="selectHour" id='hour' nzAllowClear
    [hidden]="!(selectItem !== 'minutes' && selectItem !== 'hour')">
    <nz-option *ngFor="let item of list2" [nzLabel]="item.value" [nzValue]="item.value">
    </nz-option>
  </nz-select>
  <nz-select #select [(ngModel)]="selectMinutes" id='minutes' nzAllowClear [hidden]="!(selectItem !== 'minutes')">
    <nz-option *ngFor="let item of list1" [nzLabel]="item.value" [nzValue]="item.value">
    </nz-option>
  </nz-select>
  <nz-select #select [(ngModel)]="selectSecond" id='second' nzAllowClear >
    <nz-option *ngFor="let item of list1" [nzLabel]="item.value" [nzValue]="item.value">
    </nz-option>
  </nz-select>
</div>

<div class="input">
  <input nz-input [(ngModel)]="cron" id="cron" name="cron" placeholder="">
</div>

<!-- <div class="container">
  <form role="form" class="form-inline">
    <div class="form-group" >
      <label for="cron">Cron</label>
      <div class="input-group">
         <input id="cron" class="form-control" [(ngModel)]="cronValue" name="cronValue"/>
         <span class="input-group-btn">
            <button nz-button nz-popover 
               [nzPopoverContent]="content"
               [(nzVisible)]="visible"
               (nzVisibleChange)="change($event)"
              nzPopoverTrigger="click"
             nzPopoverPlacement="right">
              <i nz-icon nzType="edit" nzTheme="outline"></i>
            </button>

            <ng-template #content >
              <nz-tabset nzTabBarGutter="2">
                <nz-tab *ngFor="let item of items;let i=index" [nzTitle]="item.title" >
                  <nz-radio-group [ngModel]="'radioValue'+i"  (ngModelChange)="checkchange(item.id,$event)" name="radioGroup">
                  <label nz-radio  nzValue="0" >每{{item.title}} 允许的通配符{{item.wildcard}}</label>
                    <label nz-radio  nzValue="1">
                      周期 从
                      <input [id]="item.id+'Start_0'" style="width: 23px;height: 18px;" [ngModel]="item.id+'Start_0'" [name]="item.id+'Start_0'"/>
                      -
                      <input  [id]="item.id+'End_0'" style="width: 23px;height: 18px;"  [ngModel]="item.id+'End_0'"   [name]="item.id+'End_0'"  />
                      {{item.title}}
                    </label>
                    <label nz-radio  nzValue="2" *ngIf="item.id ==='Day' || item.id==='Month'|| item.id==='Week'">
                          不指定
                    </label>
                    <label nz-radio  nzValue="3">
                      从
                      <input [id]="item.id+'Start_1'" style="width: 23px;height: 18px;"  />
                      {{item.title}}开始,每
                      <input [id]="item.id+'End_1'" style="width: 23px;height: 18px;"  />
                      {{item.title}}执行一次
                    </label>
                    <label nz-radio  nzValue="4">
                     指定
                    </label>
                    <div style="width:340px;margin-top: 10px;">
                    <div style="display: inline;"  *ngFor="let date of item.arry;let i=index">
                       <input type="checkbox" class="check" [value]="i" (change)="checkchange($event.target.value)" />
                       <label class="check">{{date}}</label>
                    </div>
                   
                    </div>
                 
                  </nz-radio-group>
                </nz-tab>
              </nz-tabset>
            </ng-template>
         </span>
      </div>
        

    </div>
  </form>
</div>       -->